<template>
  <div class="Detail">
    <back-bar :isShow="isShow"></back-bar>
    <banner></banner>
    <detail-cont></detail-cont>
  </div>
</template>

<script>
import Banner from "@/components/detail/Banner";
import DetailCont from "@/components/detail/DetailCont";
import BackBar from "@/components/common/BackBar";
export default {
  name: "Detail",
  props: {},
  data() {
    return {
      isShow: false
    };
  },
  methods: {
    scrollLis() {
      let st = document.documentElement.scrollTop;
      if (st > 40) {
        this.isShow = true;
      } else {
        this.isShow = false;
      }
    }
  },
  components: {
    BackBar,
    Banner,
    DetailCont
  },
  computed: {},
  mounted() {},
  activated() {
    window.addEventListener("scroll", this.scrollLis);
  },
  deactivated() {
    window.removeEventListener("scroll", this.scrollLis);
  }
};
</script>


<style scoped>
</style>
